jQuery('#imagen').on('change', function(e) {
  var Lector,
      oFileInput = this;
 
  if (oFileInput.files.length === 0) {
    return;
  };
 
  Lector = new FileReader();
  Lector.onloadend = function(e) {
    jQuery('#vistaPrevia').attr('src', e.target.result);         
  };
  Lector.readAsDataURL(oFileInput.files[0]);
 
});
 
jQuery('#actualizarUsuario').on('click', function(e) {
  e.preventDefault();
  var parametros = {
    id : jQuery('#idUsuario').val(),
    nombre : jQuery('#nombreUsuario').val(),
    imagen : jQuery('#temporal').val()
  };
  $.ajax('guardar_imagen.php', {
    type : 'post',
    data : parametros,
    success : function(data) {
      if(data.error){
        console.log('Error controlado.', data.mensaje);
        return;
      };
      console.log('Los datos del usuario ' + parametros.id + ' fueron guardados.');
    },
    error : function(data) {
      console.log('Error no controlado.', data);
    }
  });
  return false;
});


$(document).ready(function(){

        			$("#usuario").click(function(event) {
        			$("#usuario").removeClass("alert-danger");
        			});
                    
                    $("#password").click(function(event) {
        			$("#password").removeClass("alert-danger");
        			});
                    
                    $("#email").click(function(event) {
        			$("#email").removeClass("alert-danger");
        			});
                    
                    $("#nombrecompleto").click(function(event) {
        			$("#nombrecompleto").removeClass("alert-danger");
        			});
                
                function validar_email(valor)
                {
            		// creamos nuestra regla con expresiones regulares.
            		var filter = /[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/;
            		// utilizamos test para comprobar si el parametro valor cumple la regla
            		if(filter.test(valor))
            			return true;
            		else
            			return false;
                }


        		function validador(){

        				$error = "";
						
						if ($("#idusuario").val() == "") {
        					$error = "Error, vuelva a actualizar la pagina.";
        				}
        				
        				if ($("#usuario").val() == "") {
        					$error = "Es obligatorio el campo usuario.";
        					$("#usuario").addClass("alert-danger");
        					$("#usuario").attr('placeholder',$error);
        				}
                        
                        if ($("#password").val() == "") {
        					$error = "Es obligatorio el campo password.";
        					$("#password").addClass("alert-danger");
        					$("#password").attr('placeholder',$error);
        				}
                        
                        if ($("#email").val() == "") {
        					$error = "Es obligatorio el campo email.";
        					$("#email").addClass("alert-danger");
        					$("#email").attr('placeholder',$error);
        				} else {
        				    if (validar_email($("#email").val()) == false) {
                                $error = "El email no es valido.";
            					$("#email").addClass("alert-danger");
                                $("#email").html();
            					$("#email").attr('placeholder',$error);
                            }    
        				}
                        
                        
                        if ($("#nombrecompleto").val() == "") {
        					$error = "Es obligatorio el campo Nombre Completo.";
        					$("#nombrecompleto").addClass("alert-danger");
        					$("#nombrecompleto").attr('placeholder',$error);
        				}


        				return $error;
        		}
                //$usuario,$password,$refrol,$nombrecompleto,$email,$refcliente,$cliente
        		$("#cargar2").click(function(event) {
        				if (validador() == "")
        				{
        						$.ajax({
                                data:  {usuario: $("#usuario").val(),
										password: $("#password").val(),
										nombrecompleto: $("#nombrecompleto").val(),
										email: $("#email").val(),
										telefono: $("#telefono").val(),
										direccion: $("#direccion").val(),
										refrol: $("#refrol").val(),
										imagen: $("#imagen")[0].files[0],
										accion: 'cargarUsuario'},
                                url:   '../../ajax/ajax.php',
                                type:  'post',
                                beforeSend: function () {
                                        $("#load").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');
										$(".alert").html('');
                                },
                                success:  function (response) {
                                    
                                        if (response == '') {
                                            $(".alert").removeClass("alert-info");
                                            $(".alert").addClass("alert-success");
                                            $(".alert").html('<strong>Ok!</strong> Se cargo exitosamente el <strong>Usuario</strong>. ');
                                            $("#load").html('');

                                        } else {
                                        	$(".alert").removeClass("alert-info");
                                            $(".alert").addClass("alert-danger");
                                            $(".alert").html('<strong>Error!</strong> '+response);
                                            $("#load").html('');
                                        }
                                        
                                }
                        });
        				}
        		});

        	});
